<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>The Gym for Iphone, Android & Smartphone Mobile Website Template | About :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="Gym Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="smartphone/js/jquery.min.js"></script>
</head>
<body>
 <div class="wrap">	
   <!-- start header_bottom -->
	  <div class="header-bottom">
		   <div class="header-bottom_left">
				<i class="phone"> </i><span>1-200-346-2986</span>
			</div>
			<div class="social">	
			   <ul>	
				  <li class="facebook"><a href="#"><span> </span></a></li>
				  <li class="twitter"><a href="#"><span> </span></a></li>
				  <li class="pinterest"><a href="#"><span> </span></a></li>	
				  <li class="google"><a href="#"><span> </span></a></li>
				  <li class="tumblr"><a href="#"><span> </span></a></li>
				  <li class="instagram"><a href="#"><span> </span></a></li>	
				  <li class="rss"><a href="#"><span> </span></a></li>							
			   </ul>
		   </div>
		   <div class="clear"></div>
	  </div>
	  <!-- start menu -->
      <div class="menu">
	    <div class="header-top">
	    	<div class="logo">
			  <a href="index.html"><img src="smartphone/images/logo.png" alt="" /></a>
		    </div>
		    <nav class="nav">	        	
		      <a href="#" id="w3-menu-trigger"> </a>
		          <ul class="nav-list nav" id="nav">
		            <li class="nav-item current"><a href="index.html">Home</a></li>
					<li class="nav-item"><a href="about.html">About</a></li>
					<li class="nav-item"><a href="trainers.html">Trainers</a></li>
					<li class="nav-item"><a href="classes.html">Classes</a></li>
					<li class="nav-item"><a href="blog.html">Blog</a></li>
					<li class="nav-item"><a href="pricing.html">Pricing</a></li>
					<li class="nav-item"><a href="contact.html">Contact</a></li>
		          </ul>
		   </nav>
		   <div class="clear"> </div>
		   <script src="smartphone/js/responsive.menu.js"></script>
	     </div>
	  </div>
	<!-- end menu -->
	<div class="main">
	   <div class="about_banner_img"><img src="smartphone/images/about_img.jpg" alt=""></div>
		 <div class="about_banner_wrap">
      	    <h1 class="m_11">About Us</h1>
      	 </div>
      	 <div class="about-wrapper">
      	      <div class="row about-top">
				 <div class="col-md-5">
				  <img src="smartphone/images/about_img1.jpg" alt=""/> 
			     </div>
				 <div class="col-md-7 about-left-text">
				   <h2>Lorem ipsum dolorsit!</h2>
				   <p>aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
				   <h4>ullamcorper - <span class="m_12">Gymsport Responsible</span></h4>
				 </div>
                 <div class="clear"></div>	
               </div>
		 </div>
	      <div class="about_trainer">
		      <h3 class="m_2">Our Trainers</h3>
		      <div class="row about_box">
		      	<div class="col-md-4">
				  <div class="box1">
				  	<div class="box1_left">
 					  <img src="smartphone/images/about_img3.jpg" alt=""/>				  		
					  <div class="desc1">
						<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="a_heart"> </i>
							<i class="like1"> </i>
						</div>
						<div class="coursel_list1">
							<i class="a_twt"> </i>
							<i class="a_fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4>Qualifications</h4>
 					 <p>Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					  <h4>Speciality</h4>
 					 <p class="para1">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				  <div class="box2">
				  	<div class="box1_left">
 					  <img src="smartphone/images/about_img2.jpg" alt=""/>				  		
					  <div class="desc2">
						<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="heart1"> </i>
							<i class="like"> </i>
						</div>
						<div class="coursel_list1">
							<i class="twt"> </i>
							<i class="fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4 class="right_text">Qualifications</h4>
 					 <p class="right_text1">Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					 <h4 class="right_text">Speciality</h4>
 					 <p class="right_text2">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				  <div class="box1">
				  	<div class="box1_left">
 					  <img src="smartphone/images/about_img4.jpg" alt=""/>				  		
					  <div class="desc1">
						<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="a_heart"> </i>
							<i class="like1"> </i>
						</div>
						<div class="coursel_list1">
							<i class="a_twt"> </i>
							<i class="a_fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4>Qualifications</h4>
 					 <p>Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					  <h4>Speciality</h4>
 					 <p class="para1">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="clear"></div>
		     </div>
		     <div class="row about_box1">
		      <div class="col-md-4">
				  <div class="box2">
				  	<div class="box1_left">
 					  <img src="smartphone/images/about_img5.jpg" alt=""/>				  		
					  <div class="desc2">
						<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="heart1"> </i>
							<i class="like"> </i>
						</div>
						<div class="coursel_list1">
							<i class="twt"> </i>
							<i class="fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4 class="right_text">Qualifications</h4>
 					 <p class="right_text1">Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					 <h4 class="right_text">Speciality</h4>
 					 <p class="right_text2">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				 <div class="box1">
				  	<div class="box1_left">
 					  <img src="smartphone/images/about_img7.jpg" alt=""/>				  		
					  <div class="desc1">
						<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="a_heart"> </i>
							<i class="like1"> </i>
						</div>
						<div class="coursel_list1">
							<i class="a_twt"> </i>
							<i class="a_fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4>Qualifications</h4>
 					 <p>Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					  <h4>Speciality</h4>
 					 <p class="para1">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="col-md-4">
				  <div class="box2">
				  	<div class="box1_left">
 					  <img src="smartphone/images/about_img6.jpg" alt=""/>				  		
					  <div class="desc2">
						<h3>Lorem Ipsum<br><span class="m_text">Spinning</span></h3>
						<p>Lorem ipsum dolor sit amet, consectetuer.</p>
						<div class="coursel_list">
							<i class="heart1"> </i>
							<i class="like"> </i>
						</div>
						<div class="coursel_list1">
							<i class="twt"> </i>
							<i class="fb"> </i>
						</div>
						<div class="clear"></div>
					 </div>
					</div>
					<div class="box1_right">
 					 <h4 class="right_text">Qualifications</h4>
 					 <p class="right_text1">Lorem ipsum dolor consect adipiscing elit, diamnonu nibh euismod</p>
 					 <h4 class="right_text">Speciality</h4>
 					 <p class="right_text2">diam nonummy euismod tincidunt ut laoreet dolore magna aliquam.</p>
				    </div>
				   <div class="clear"></div>
				  </div>
				</div>
				<div class="clear"></div>
		     </div>
		</div>
	    <div class="login">
	  	    <div class="row login_details">
		 	  <div class="col-md-6">
				  <div class="join">
				  	 <h3>Why Join ?</h3>
				  	 <h4>sed diam nonummy nibh euismod</h4>
				  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam<br> nibh euismod tincidunt ut laoreet dolore magna . </p>	
				  	 <div class="btn3">
				       <a href="#">Join Today</a>
			         </div>	
				  </div>
				</div>
				 <div class="col-md-6">
				  <div class="join-right">
				  	 <h3>Why Join ?</h3>
				  	 <h4>sed diam nonummy nibh euismod</h4>
				  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam<br> nibh euismod tincidunt ut laoreet dolore magna . </p>	
				  	 <div class="buttons_login">
				  	 <div class="btn4">
				       <a href="login.html">Log In</a>
			         </div>	
			         <div class="p-ww">
					  <form>
					   <input class="date" id="datepicker" type="text" value="View Calender" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'View Calender';}">
					  </form>
				     </div>
			         <div class="clear"></div>
			        
				  </div>
				  </div>
				</div>
				<div class="clear"></div>
		   </div>
	  </div>
	  <div class="testimonial">
		 <i class="quot"> </i>
		 <p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendreri</p>
		 <p class="ceo">quis nostrud, <span class="ceo1">tation - ullamcorper</span></p>
	  </div>
	 </div>
	  <div class="footer-bottom">
		  <div class="row section group">
				<div class="col-md-4">
				   <h4 class="m_7">Newsletter Signup</h4>
				   <p class="m_8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonummy.</p>
				      <form class="subscribe">
			             <input type="text" value="Insert Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Insert Email';}">
					  </form>
			          <div class="subscribe1">
			            <a href="#">Submit Email<i class="but_arrow"> </i></a>
			          </div>
				</div>
				<div class="col-md-4">
					<div class="f-logo">
						<img src="smartphone/images/logo.png" alt=""/>
					</div>
					<p class="m_9">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis</p>
					<p class="address">Phone : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">(00) 222 666 444</span></p>
					<p class="address">Email : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">info[at]mycompany.com</span></p>
				</div>
				<div class="col-md-4">
				   <div class="footer_lists">
					<ul class="list">
						<h4 class="m_7">Menu</h4>
						<li><a href="#">About</a></li>
						<li><a href="#">Trainers</a></li>
						<li><a href="#">Classes</a></li>
						<li><a href="#">Pricing</a></li>
						<li><a href="#">Privacy</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
					<ul class="list1">
						<h4 class="m_7">Community</h4>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Forum</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Newsletter</a></li>
					</ul>
				   </div>
				 </div>
				 <div class="clear"></div>
	  		  </div>
		 </div>
		 <div class="copyright">
		   <div class="copy">
		        <p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
		    </div>
		    <div class="social">	
			   <ul>	
				  <li class="facebook"><a href="#"><span> </span></a></li>
				  <li class="twitter"><a href="#"><span> </span></a></li>
				  <li class="pinterest"><a href="#"><span> </span></a></li>	
				  <li class="google"><a href="#"><span> </span></a></li>
				  <li class="tumblr"><a href="#"><span> </span></a></li>
				  <li class="instagram"><a href="#"><span> </span></a></li>	
				  <li class="rss"><a href="#"><span> </span></a></li>							
			   </ul>
		    </div>
		   <div class="clear"></div>
		</div>
	  </div>
</body>
</html>